{% extends 'mathtesthome.html' %}
{% load static %}
{% load crispy_forms_tags %}
{% block body %}
<div class="mai-wrapper mai-login">
      <div class="main-content container">
        <div class="splash-container row">
          <div class="col-md-6 user-message"><span class="splash-message text-right">Hello!<br> is good to<br> see you again</span><span class="alternative-message text-right">Don't have an account? <a href="pages-sign-up.php">Sign Up</a></span></div>
          <div class="col-md-6 form-message"><img src='{% static "/mathtest/img/p.png" %}' alt="logo" width="169" height="28" class="logo-img mb-4"><span class="splash-description text-center mt-5 mb-5">Login to your account</span>
            <form method='POST' action='' enctype='multipart/form-data'>{% csrf_token %}
              <!--<div class="form-group">-->
                <!--<div class="input-group">-->
                  <!--<div class="input-group-prepend"><i class="icon s7-user"></i></div>-->
                  <!--<input id="username" type="text" placeholder="Username" autocomplete="off" class="form-control">-->
                <!--</div>-->
              <!--</div>-->
              <!--<div class="form-group">-->
                <!--<div class="input-group">-->
                  <!--<div class="input-group-prepend"><i class="icon s7-lock"></i></div>-->
                  <!--<input id="password" type="password" placeholder="Password" class="form-control">-->
                <!--</div>-->
              <!--</div>-->
              {{ form|crispy }}
              <div class="form-group login-submit">
                <button data-dismiss="modal" type="submit" class="btn btn-lg btn-primary btn-block">Login</button>
              </div>
              <div class="form-group row login-tools">
                <div class="col-sm-6 login-remember">
                  <label class="custom-control custom-checkbox mt-2">
                    <input type="checkbox" class="custom-control-input"><span class="custom-control-label">Remember me</span>
                  </label>
                </div>
                <div class="col-sm-6 pt-2 text-sm-right login-forgot-password"><a href="pages-forgot-password.php">Forgot Password?</a></div>
              </div>
            </form>
            <div class="out-links"><a href="#">© 2017 Your Company</a></div>
          </div>
        </div>
      </div>
    </div>
{%endblock%}